<template>
  <el-switch
    :value="modelValue"
    @change="change"
    active-color="#13ce66"
    inactive-color="#efefef"
  ></el-switch>
</template>

<script>
export default {
  name: 'NtSwitch',
  props: {
    modelValue: {
      default: false
    },
    config: {
      type: Object
    }
  },
  // data () {
  //   return {
  //     internalValue: false
  //   }
  // },
  // watch: {
  //   internalValue: {
  //     handler (val) {
  //       console.log(val)
  //       this.$emit('update:modelValue', val)
  //     },
  //     immediate: true
  //   }
  // },
  methods: {
    change (val) {
      this.$emit('update:modelValue', val)
    }
  },
  beforeDestroy () {
    this.$emit('delete', this.config.prop)
  }
}
</script>

<style lang="scss" scoped></style>
